@media screen and (max-width:1700px){
  .solute-info .sulute-wr mark p{ margin-bottom:50px;}
  .solute-info .sulute-wr mark{ margin-top:-110px;}
}
@media screen and (max-width:1450px){
  .solute-info .sulute-wr mark p{ margin-bottom:30px;}
  .solute-info .sulute-wr mark{ margin-top:-100px;}
  .header{ padding:0 50px;}
  .logo{ width:140px;}
  .nav{ margin-top:15px;}
  .search.active-search input[type="text"]{ width:140px;}
  .search{ margin-top:9px;}
  .edition{ margin-top:14px;}
  .jiathis_style{ margin-top:16px;}
  .header-right .jiathis_style{ margin-top:16px;}
}
@media screen and (max-width:1280px){
	.menuBtn{ display:block;}
   .header-right{ display:none;}
   .header-box{ padding:0 !important; background:none;}
   .header{ padding:10px 5%; background:#008c82;}
   .logo{ width:138px;}
   .logo .logopc{ display:none;}
   .logo .logoiph{ display:block;}
}
@media screen and (max-width:1200px){
   .inner{ width:90%;}
   .solutes{ width:50%;}
   .solute-info{ width:50%;}
   .customer{ width:100%; height:auto; margin-top:30px;}
   .case-banner{ width:100%;}
   .customer img{ float:left; width:40%; height:auto;}
   .customer figcaption{ padding-left:34px; float:left; position:relative; bottom:0; width:60%;}
   .pbanner figcaption{ width:90%; margin-left:-45%;}
   .historytabe{ width:100%; margin-left:0; margin-top:35px;}
   .backtop{ right:0;}
   .solute-box h2{ width:100%; margin-bottom:30px;}
   .solute-banner{ width:100%; padding:0 27px; box-sizing:border-box;}
   .common-padd{ padding-left:0;}
   .contact-info{ width:48%; margin-right:4%; box-sizing:border-box; height:240px;}
   .recruite-fix{ width:100%;}
   .recruite-t{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
   .recruite-t span:nth-child(2),.recruite-t span:nth-child(4),.recuite-top span:nth-child(2),.recuite-top span:nth-child(4){ display:none;}
   .recruite-t span,.recuite-top span{ padding-left:0 !important; width:20% !important; box-sizing:border-box; text-align:center;}
   .recruite-t span:last-child{ text-align:right; padding-right:20px; box-sizing:border-box;}
   .recuite-top span:last-child{ width:19px !important;}
   .line{ padding:30px 0 30px 35px;}
   .serviceline{ margin-top:-76px; margin-left:-45%;}
   .dotline{ width:100%;}
   .dotbox{ padding-top:76px;}
   .dot-list h3{ display:inline-block;}
   .netWorkPage{ float:left;}
   .download-area{ width:100%;}
   .downlaod-list{ width:100%; margin-top:45px;}
   .feedback-right{float:left; margin-top:34px;}
   .backtop{ display:none;}
   .product-box{ background:#ededed;}
   .protitle{ bottom:0; padding-top:30px;}
}
@media screen and (max-width:1100px){
   .list-wr,.new-titlea,.new-text{ width:90%;}
   #carousel{ display:none !important;}
   .menu-inner{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
   .menu-inner li{ margin-right:0; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
   .sorts,.product-inn{ width:90%;}
}
@media screen and (max-width:1024px){
   .value-title small{ font-size:24px; margin-bottom:5px;}
   .value-title h2{ font-size:24px; margin-bottom:16px;}
   .value-title{ margin-bottom:30px;}
   .solutes figcaption h2{ font-size:22px;}
   .solutes figcaption a{ margin-top:40px;}
   .solutes figcaption,.solute-info .sulute-wr mark{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
   .solute-info .sulute-wr mark h3{ font-size:22px; margin-bottom:22px;}
   .solute-info .sulute-wr mark p{ line-height:1.8; height:42px; margin-bottom:20px;}
   .customer figcaption{ padding-top:0;}
   .customer{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:0; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
   .customer figcaption{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
   .backtop{ display:none !important;}
   .history-box{ background-attachment:local !important; background-size:cover !important;}
   .pbanner figcaption h3{ font-size:42px; margin-bottom:0; font-weight:normal;}
   .pbanner figcaption small{ font-size:24px;}
   .story-title{ margin-bottom:32px;}
   .story{ padding:40px 0;}
   .story p{ width:100%;}
   .history-bg i{ position:absolute; width:7px; left:0; top:0; height:100%;}
   .history-list li{ padding-left:0; height:auto;}
   .history-list li .dot{ display:none !important;} 
   .history-list li .year{ display:block; padding-left:0; padding-right:28px; float:left;}
   .history-list li.act .year{ display:block;}
   .history-list li .year:before{ left:97px;}
   .history-fix{ width:100%;}
   .history-info{ position:relative; float:left; opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); left:100px;}
   .news{ padding:90px 0;}
   .new-list li{ margin-bottom:40px;}
   .mtop{ height:56px;}
   .new-titd{ padding-top:30px;}
   .new-titlea h3{ font-size:22px; margin-bottom:20px;}
   .new-text{ padding:45px 0 100px;}
   .new-text img{ margin-bottom:22px;}
   .new-text p{ margin-bottom:20px;}
   .page{ width:100%; margin-top:0;}
   .share{ height:auto; padding:20px 0;}
   .sharelist{ left:inherit; right:0;}
   .pore{ margin-bottom:20px;}
   .solute-box{ padding:78px 0 100px;}
   .icon-list li{ margin-right:50px;}
   .solute-wr .owl-theme .owl-controls .owl-buttons div{ top:50%; margin-top:-16px;}
   .product-info{ padding-bottom:40px;}
   .product-list li{ width:46%; margin-right:8%;}
   .product-list li:nth-child(3n+3){ margin-right:8%;}
   .product-list li:nth-child(2n+2){ margin-right:0;}
   .solute-title{ height:70px;}
   .solute-title h3{ font-size:22px; padding-top:20px;}
   .solute-text{ padding:60px 0 45px;}
   .backpre{ margin-top:40px;}
   .model{ margin-top:50px; padding-bottom:50px;} 
   .sorts{ padding-bottom:16px;}
   .case-box{ padding:60px 0 78px;}
   .contact-box{ padding:86px 0 45px;}
   .address{ margin-bottom:32px;}
   .address h2{ font-size:24px; margin-bottom:24px;}
   .address span{ font-size:16px;}
   .product-list{ margin-top:35px;}
   .map{ height:388px;}
   .contact-info{ padding-left:32px;}
   .contact-info h3{ font-size:20px; margin-bottom:16px;}
   .chance-box{ padding:50px 0;}
   .chance h1{ font-size:28px; margin-bottom:26px;}
   .recruiment-box{ padding:50px 0 120px;}
   .recuites{ padding:32px 30px 70px;}
   .recuite-title{ margin-bottom:32px;}
   .recuite-title h3{ font-size:26px; margin-bottom:8px;}
   .recuite-title small{ font-size:16px;}
   .dotbox{ padding:35px 0 45px;}
   .netWorkPage{ display:none;}
   .dot-list{ margin-top:26px;}
   .dotline b{ font-size:20px;}
   .dot-list h3{ font-size:22px;}
   .content-box,.load-box{ background-attachment:local !important;}
   .content-box{ padding:88px 0 62px;}
   .content-wr p{ margin-top:20px;}
   .content-info{ width:48%; margin-right:4%; margin-bottom:26px;}
   .content-info:nth-child(2n+2){ margin-right:0;}
   .mainten figcaption .main-wr{ height:260px; margin-top:-130px;}
   .load-box{ padding:50px 0;}
   .feedback-box{ padding:60px 0;}
   .download-area h3{ margin-bottom:26px;}
   .product-inn{ width:90%;}
   .bannerText{ height:140px; margin-top:-70px;}
   .banne-list li{ padding-top:22px;}
   .banne-list h3{ font-size:26px;}
   .banner{ margin-top:56px;}
   .dot-list{ display:none;}
   .iphonemap{ display:block;}
   .pbanner{ padding-top:56px;}
}
@media screen and (max-width:960px){
   .new-list li{ width:48%; margin-right:4%;}
   .new-list li:nth-child(3n+3){ margin-right:4%;}
   .new-list li:nth-child(2n+2){ margin-right:0;}
   .mainten figure{ width:100%;}
   .maintenance{ padding:54px 0 40px;}
   .mainten figcaption{ position:relative; width:100%; left:0; float:left;}
   .mainten figcaption .main-wr{ position:relative; margin-top:0; top:0; height:auto; padding:20px;}
   .mainten figcaption .main-wr a{ position:relative; left:0; margin-left:0; margin-top:10px;}
}
@media screen and (max-width:861px){ 
   .value p{ width:90%;}
   .solutes figcaption h2,.solute-info .sulute-wr mark h3{ font-size:20px;}
   .tab-wr p{ height:42px; overflow:hidden; line-height:1.8;}
   .customer figcaption h2{ font-size:18px;}
   .customer figcaption b{ margin-top:20px; font-size:22px;}
   .idea-info{ width:48%; margin-right:4%; margin-bottom:
   26px;}
   .idea-info:nth-child(2){ margin-right:0;}
   .idea-box{ padding:50px 0 24px;}
   .eq{ text-align:left;}
   .footer-right{ width:100%; float:left; margin-top:26px;}
	.footer-address address{ margin-bottom:26px;}
	.eq{ margin-bottom:20px;}
	.footer-list li:first-child a{ padding-left:0;}
	.footer-address h1{ margin-bottom:20px;}
	.icon-list{ width:100%;}
	.product-icon{ padding:10px 0;}
	.icon-list li{ width:33.3333%; margin-right:0; padding:10px 0;}
	.cases li{ width:48%; margin-right:4%; margin-bottom:40px;}
	.cases li:nth-child(3n+3){ margin-right:4%;}
	.cases li:nth-child(2n+2){ margin-right:0;}
	.contact-info{ width:100%; margin-right:0; margin-bottom:30px; height:auto; padding-bottom:30px; padding-top:30px;}
	.feedback-right{ width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
	.inputinfo{ width:48%; isplay:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.inputinfo:nth-child(3){ width:100%;}
	.inputinfo span{ white-space:nowrap;}
	.inputinfo input,.inputinfo textarea{ flex:1; width:auto; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; }
	.feed-sub{ width:100%;}
	.address .footer-right{ margin-top:30px;} 
	.banndown{ display:none;}
} 
@media screen and (max-width:751px){
	.success-title{ padding-bottom:20px;}
	.tab-wr{ margin-top:148px;}
	.model-list{ width:100%;}
}
@media screen and (max-width:641px){
   .logo{ width:120px;}
   .menuBtn{ width:38px; height:24px; margin-top:4px;}
   .menuBtn .burger-2{ top:10px;}
   .bannerText{ width:90%; margin-left:-45%; height:130px; margin-top:-65px;}
   .banne-list li{ padding-top:20px;}
   .banne-list h3{ font-size:22px; font-weight:normal;}
   .banne-list small{ font-size:16px;}
   .value{ padding:60px 0;}
   .value-title h2{ font-size:22px;}
   .suremore{ margin-top:28px;}
   .solutes,.solute-info{ width:100%;}
   .case{ width:100%; box-sizing:border-box;}
   .case-banner{ padding:0 5%; background:#fff; box-sizing:border-box; float:none;}
   .success-title{ position:relative; width:100%; right:0; top:0; padding-bottom:20px;  margin:auto; margin-bottom:28px; margin-top:30px; box-sizing:border-box;}
   .case-list li figcaption{ padding:0 22px; box-sizing:border-box; margin-right:0; width:50%;}
   .case-list li figure{ width:50%;}
   .tab-wr{ margin-top:0;}
   .tab-wr p{ height:auto;}
   .customer{ width:90%; margin:auto; margin-top:30px; float:none;}
   .customer img{ width:50%;}
   .customer figcaption h2{ font-size:16px; padding-bottom:12px;}
   .customer figcaption b{ margin-top:12px;}
   .success-case{ padding:0; background:none;}
   .footer{ padding:30px 0 17px;}
   .footer-address h1{ font-size:20px; margin-bottom:12px;}
   .customer figcaption{ box-sizing:border-box; width:50%; padding-left:20px;}
   .pbanner figcaption{ bottom:8px;}
   .pbanner figcaption h3{ font-size:28px;}
   .pbanner figcaption small{ font-size:16px;}
   .story-title h2{ font-size:26px;}
   .story-title{ margin-bottom:20px;}
   .history-icon{ display:none;}
   .history-list li{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
   .history-list li .year{ height:auto; padding-top:29px;}
   .history-list li .year:before{ padding-right:0; display:none !important;}
   .history-info{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; left:0; margin-left:40px;}
   .history-bg{ left:110px;}
   .historytabe strong{ margin-left:96px;}
   .history-t b{ height:90px; line-height:90px; font-size:32px;}
   .history-t b:before{ left:135px;}
   .history-text{ padding:26px}
   .history-text p{ margin-bottom:16px;}
   .development{ margin-top:0; width:100%;}
   .development p{ margin-top:20px;}
   .development h2{ font-size:22px;}
   .news{ padding:45px 0;}
   .new-list li{ width:100%; margin-right:0;}
   .pages a.prev{ display:none;}
   .mtop{ height:51px;}
   .sharelist{ position:relative; right:0; margin-left:0; float:left; margin-top:10px; width:100%;}
   .pore{ margin-bottom:14px;}
   .new-text{ padding-bottom:45px;}
   .solute-box{ padding:40px 0 75px;}
   .product-list{ margin-top:35px;}
   .product-list li{ margin-bottom:32px; width:48%; margin-right:4%;}
   .product-info{ padding-bottom:20px;}
   .product-list li:nth-child(3n+3){ margin-right:4%;}
   .product-list li:nth-child(2n+2){ margin-right:0;}
   .solute-title h3{ font-size:18px; font-weight:normal;}
   .solute-text p{ font-size:14px;}
   .backpre{ margin-top:20px;}
   .solute-text{ padding-top:30px;}
   #slider .flex-prev, #slider .flex-next{ width:40px; height:40px; margin-top:-20px;}
   .model{ margin-top:26px; padding-bottom:50px;}
   .model-info h3{ font-size:20px;}
   .model-list li{ width:50%; margin-right:0; min-width:auto;}
   .models-list{ padding-top:30px;}
   .case-box{ padding:35px 0 45px;}
   .cases li figcaption{ height:54px;}
   .cases li figcaption span{ line-height:54px;}
   .contact-info h3{ font-size:18px; margin-bottom:12px;}
   .contact-info p{ font-size:14px; min-height:28px;}
   .contact-info{ padding-bottom:24px; padding-right:20px; padding-left:20px;}
   .contact-list{ margin-top:32px;}
   .contact-box{ padding:54px 0 30px;}
   .address h2{ padding-right:0; font-size:20px;}
   .map{ height:320px;}
   .chance h1{ font-size:22px; margin-bottom:16px;}
   .chance-box{ padding:50px 0 30px;}
   .recruite-t span:nth-child(5), .recuite-top span:nth-child(5){ display:none;}
   .recruite-t span, .recuite-top span{ width:25% !important;}
   .recuite-list{ margin-bottom:20px;}
   .deliver{ margin-top:20px; padding-top:20px;}
   .recuite-info{ margin-bottom:15px;}
   .loadmore{ margin-top:33px;}
   .recruiment-box{ padding:40px 0 50px;}
   .menu-box{ margin-top:0; padding:30px 0;}
   .menu-inner li{ width:50%; float:left; flex:none; -webkit-flex:none;  -webkit-box-flex:none; box-flex:none; margin-bottom:12px;}
   .line b{ margin-top:14px;}
   .line{ padding:20px;}
   .serviceline{ margin-top:-28px; width:100%; margin-top:0; position:relative; top:0; left:0; margin-left:0;}
   .line{ width:100%; box-sizing:border-box;}
   .dot-list{ margin-top:16px;}
   .dotline b{ font-size:18px;}
   .dotbox{ padding:0 0 36px;}
   .dot-list h3{ font-size:20px; padding-bottom:16px;}
   .content-box{ padding:62px 0 46px;}
   .content-wr span{ bottom:22px;}
   .content-wr{ padding:30px 24px 20px 22px;}
   .content-info{ width:100%; margin-right:0;}
   .content-info figcaption{ height:66px; line-height:66px;}
   .content h2{ font-size:20px;}
   .mainten figcaption .main-wr h3{ font-size:22px; margin-bottom:10px;}
   .download-area h3{ margin-bottom:22px;}
   .downlaod-list{ margin-top:22px;}
   .down-title{ padding:0 34px 0 30px;}
   .down-content{ padding:0 20px 0 20px;}
   .down-content a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
   .down-content span{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
   .inputinfo textarea{ height:166px;}
   .feed-sub input{ height:42px; line-height:42px; font-size:16px;}
   .menu-inner li b{ transform:scale(0.78); -webkit-transform:scale(0.78); -moz-transform:scale(0.78);}
   .menu-inner li span{ margin-top:0;}
   .case-banner.articleShow, .customer.articleShow{ transition:0ms 0ms;}
   .netbg{ padding-top:40px;}
   .product-box{ padding-bottom:30px;}
   .linefix{ bottom:4%;}
   .banner{ margin-top:51px;}
   .pbanner{ padding-top:51px;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.bannerText{ height:160px; margin-top:-80px; background:rgba(235,97,35,0.2);}
	.banne-list h3{ font-size: 18px; padding:0; margin-bottom:4px;}
	.banne-list small{ font-size:14px;}
	.bannerText{ height:90px; margin-top:-45px; width:80%; margin-left:-40%; display:none;}
	.numble{ bottom:4px;}
	.banne-list li{ padding-top:14px;}
	.value{ padding:44px 0;}
	.value-title small{ font-size:20px;}
	.value-title h2{ font-size:20px;}
	.value-title{ margin-bottom:20px;}
	.solute-info figcaption h4{ font-size:16px; width:170px;}
    .case-list li figure{ width:100%;}
	.case-list li figcaption{ width:100%; padding:20px 20px 36px 0;}
	.customer img{ width:100%;}
	.customer figcaption{ padding:26px 20px; position:relative; box-sizing:border-box; width:100%;}
	.footer-address address{ margin-bottom:16px;}
	.footer-right{ margin-top:20px;}
	.idea-info{ width:100%; margin-right:0; height:320px;}
	.history-list li .year{ display:none;}
	.history-list li.act .year{ display:none;}
	.history-bg{ left:10px;}
	.historytabe strong{ margin-left:-6px;}
	.history-t b{ height:80px; line-height:80px; font-size:26px;}
	.history-info:before{ top:30px;}
	.history-t small{ line-height:1.6; height:auto; background-size:42px 42px; padding-right:50px;}
	.history-t b:before{ left:120px;}
	.history-t small{ margin-top:10px;}
	.history-text{ padding:18px;}
	.history-list li{ padding-top:30px;}
	.historytabe{ margin-top:22px;}
	.development p{ margin-top:12px;}
	.icon-list li{ width:50%;}
	.ralac .solute-list .owl-item li{ padding:0 16px;}
	.solute-list li figcaption{ text-align:center;}
	.cases li{ width:100%; margin-right:0;}
	.map{ height:250px;}
	.contact-box{ padding-top:36px;}
	.chance h1{ font-size:20px;}
	.chance p{ line-height:1.8; }
	.recuites{ padding:20px 20px 60px; }
	.loadmore{ height:38px;}
	.recuite-title h3{ font-size:20px;} 
	.loadmore a{ line-height:38px; font-size:14px;}
	.line{ width:100%; box-sizing:border-box;}
	.line b{ font-size:24px;}
	.feedbackinput{ margin-bottom:30px;}
	.content-box{ padding:35px 0 10px;}
	.commontitle li{ width:38%; box-sizing:border-box; margin-right:0;}
	.commontitle li:nth-child(2n+2){ float:right;}
	.tabbtn.prev{ left:14px; bottom:7px;}
	.tabbtn.next{ right:14px; bottom:7px;}
	.commontitle li a{ padding-bottom:0; text-align:center; height:45px; padding-left:0; padding-right:0; width:100%;}
	.pbanner figcaption h3{ font-size:22px;}
	.pbanner figcaption small{ font-size:14px;}
}
@media screen and (max-width: 380px){
	
}
@media screen and (max-width: 340px){
  
}